<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />  
		<title></title>
		<style type="text/css">  
		    html{height:100%}    
		    body{height:100%;margin:0px;padding:0px}    
		    #container{height:100%}    
		</style> 
	</head>
	<body>
		<div id="container"></div> 
		<script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=10W14fXXO0VElPqlcgbxfGxqTBfExGlo"></script>
		<script type="text/javascript">
			//创建地图实例
        var map = new BMapGL.Map("container");
//navigator 对象包含有关浏览器的信息
//浏览器是否支持地理定位
if(navigator.geolocation){
	console.log("浏览器支持地理定位");
	var options = {
		//是否允许使用高精度
		enableHighAccuracy: false,
		//超时时间
		timeout: 30000,
		//缓存的过期时间
		maximumAge: 60000
	}
	navigator.geolocation.getCurrentPosition(success,error,{
		//是否允许使用高精度
		enableHighAccuracy: false,
		//超时时间
		timeout: 5000,
		//缓存的过期时间
		maximumAge: 60000
	});
	function success(position){
		//(116.404, 39.915)
    	var latitude = position.coords.latitude;//十进制单位
        var longitude = position.coords.longitude;//十进制单位
        alert('纬度'+latitude +",经度"+longitude);
        console.log('纬度坐标' + latitude);
        console.log('经度坐标' + longitude);
        
        //创建点坐标
	    var point = new BMapGL.Point(longitude,latitude);  
	    // 初始化地图，设置中心点坐标和地图级别 
	    map.centerAndZoom(point, 15); 
	    //gps坐标转换百度坐标，常量1为gps坐标，常量5为百度坐标，translateCallback回调函数
	    var convertor = new BMapGL.Convertor();
	    convertor.translate(point,1,5,function(){
	    	console.log(222)
	    	//创建标注点（）
		    var marker = new BMapGL.Marker(point); 
		    //添加标注
		    map.addOverlay(marker); 
	    });
	    
    }
	function translateCallback(){
		
	}
	function error(error){
	    switch(error.code){
	        case 1://错误编码 PERMISSION_DENIED
	            console.log('用户拒绝共享其位置信息');
	        break;
	        case 2://错误编码 POSITION_UNAVAILABLE
	            console.log('尝试获取用户位置数据，但失败了');
	        break;
	        case 3://错误编码 TIMEOUT
	            console.log('尝试获取用户的位置数据超时');
	        break;
	        default:
	        	console.log('未知错误');
	        break;
	    }
	}
}else{
	console.log("浏览器不支持地理定位");
}
		</script>
	</body>
</html>
